﻿<div class="footer @Model">
	<div>
        <div class="twitter_1 twitter footer_networking left_img_footer" style="float: left;">
            <img src="@Url.Content("~/Content/Images/twitter.png")"/>
            <span>Twitter</span>
        </div>
        <div class="twitter_2 twitter footer_networking left_img_footer footer_hidden" style="float: left;"><span>Twitter</span></div>
        <div class="flicker_1 flicker footer_networking left_img_footer" style="float: left;"><img src="@Url.Content("~/Content/Images/flicker.png")"/><span>Flicker</span></div>
        <div class="flicker_2 flicker footer_networking left_img_footer footer_hidden" style="float: left;"><span>Flicker</span></div>
        <div class="facebook_1 facebook footer_networking left_img_footer" style="float: left;"><img src="@Url.Content("~/Content/Images/facebook.png")"/><span>Facebook</span></div>
        <div class="facebook_2 facebook footer_networking left_img_footer footer_hidden" style="float: left;"><span>Facebook</span></div>
        <div class="blog_1 blog footer_networking left_img_footer right_img_footer" style="float: left;"><img src="@Url.Content("~/Content/Images/blog.png")"/><span>Blog</span></div>
        <div class="blog_2 blog footer_networking left_img_footer right_img_footer footer_hidden" style="float: left;"><span>Blog</span></div>
	</div>
</div>
@* Preload images *@

<img src="@Url.Content("~/Content/Images/footer_hover/blue/blog.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/blue/facebook.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/blue/flicker.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/blue/twitter.png")" alt="ARRB" style="display:none;" />

<img src="@Url.Content("~/Content/Images/footer_hover/green/blog.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/green/facebook.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/green/flicker.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/green/twitter.png")" alt="ARRB" style="display:none;" />

<img src="@Url.Content("~/Content/Images/footer_hover/magenta/blog.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/magenta/facebook.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/magenta/flicker.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/magenta/twitter.png")" alt="ARRB" style="display:none;" />

<img src="@Url.Content("~/Content/Images/footer_hover/orange/blog.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/orange/facebook.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/orange/flicker.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/orange/twitter.png")" alt="ARRB" style="display:none;" />

<img src="@Url.Content("~/Content/Images/footer_hover/purple/blog.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/purple/facebook.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/purple/flicker.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/purple/twitter.png")" alt="ARRB" style="display:none;" />

<img src="@Url.Content("~/Content/Images/footer_hover/red/blog.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/red/facebook.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/red/flicker.png")" alt="ARRB" style="display:none;" />
<img src="@Url.Content("~/Content/Images/footer_hover/red/twitter.png")" alt="ARRB" style="display:none;" />